<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/xiangqing.css">
    <link rel="stylesheet" href="css/shouye.css">

</head>

<body>
    <!--1.网页顶部 -->
    <div class="module">
        <div class="header one">
            <div class="header-c">
                <div class="header-left">
                    <li class="li1">
                        <p>Hello,Welcome to OJO眼镜</p>
                    </li>
                    <li class="li2">
                        网站导航
                    </li>
                    <li class="li3">
                        消息
                    </li>
                </div>
                <div class="header-right">
                    <a href="dengluzhuce.html" class="aershi">
                        <li class="denglubtn">登录</li>
                    </a>
                    <a href="dengluzhuce.html#zc">
                        <li>注册</li>
                    </a>
                    <a href="gouwuche.html">
                        <li>购物车</li>
                    </a>
                    <a href="#">
                        <li>我的订单</li>
                    </a>
                    <a href="#" style="position: relative;" class="ajiu">
                        <li>个人中心
                            <div class="divshi" style="position: absolute;">
                                <p>个人资料</p>
                                <p>全部订单</p>
                                <p class="border">我的足迹</p>
                            </div>

                        </li>
                    </a>
                    <a href="#">
                        <li>历史记录</li>
                    </a>
                    <a href="#">
                        <li>帮助中心</li>
                    </a>
                    <a href="#" id="ashi" style="position: relative;">
                        <li>手机版
                            <div style="position: absolute; left: 0;" class="boxshi">
                                <img src="https://www.o-j-o.cn/themes/ojo/images/weixin1.png" alt="" id="imgshi">
                                <p>移动端下载</p>
                            </div>
                        </li>
                    </a>

                </div>
            </div>
        </div>
    </div>
    <!-- 2.网页头部,搜索栏 -->
    <div class="module">
        <div class="headerone">
            <div class="headerone-c">
                <div class="headeroneleft">
                    <a href="shouye.html"><img src="https://www.o-j-o.cn/themes/ojo/images/logo.png" alt="" class="im1"></a>
                </div>
                <div class="headerright">
                    <div class="search">
                        <input type="text" placeholder="纯钛眼镜">
                        <a href="#" class="awushi">搜索</a>
                    </div>
                    <div class="zhifu-z">
                        <a href="#" class="zhifu">我的O-J-O中心</a>
                    </div>
                    <div class="search-font">
                        <a href="#">热门搜索:</a>
                        <a href="#">框架眼镜</a>
                        <a href="#">太阳眼镜</a>
                        <a href="#">眼镜片</a>
                        <a href="#">OJO</a>
                        <!-- <a href="#">女式太阳镜</a> -->
                        <a href="#">钛架</a>
                        <!-- <a href="#">近视眼镜</a> -->
                        <a href="#" style="border: none !important;">男士太阳镜</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="nav">
        <div class="nav-c">
            <li>所有商品分类</li>
            <a href="shouye.html">
                <li>首页</li>
            </a>
            <li>框架眼镜</li>
            <a href="splb.html">
                <li>纯钛眼镜</li>
            </a>
            <li>太阳眼镜</li>
            <li>眼镜片</li>
            <li>近视眼镜</li>
            <li>渐进片</li>
        </div>
    </div>

    <div class="clearfix">
        <!-- <div class="box" id="box">
            <div class="small" id="small">
              <img src="img/iPhone.jpg" width="350" alt="" />
              <div class="mask" id="mask"></div>
            </div>
            <div class="big" id="big">
              <img src="img/iPhone.jpg" width="800" alt="" id="img" />
            </div>
        </div>
        <div class="clear-right">
            <h3 class="names">
                太阳眼镜 
            </h3>
            <div class="price">
                <span>价格</span>
                <strong>￥11.6</strong>
            </div>
            <div class="dll">
                <div class="dll-left">
                    服务
                </div>

                <div class="dll-right">
                    <div class="right-top">
                        本产品ojo眼镜商城提供发货和售后服务
                    </div>
                    <div class="right-bottom">
                        <li>24小时内发货</li>
                        <li>7天无理由包退换货</li>
                        <li>支持到店自取</li> 
                    </div>
                </div>
                <div class="gouwu">
                    <input type="button" value="立即购买">
                    <input type="button" value="加入购物车">
                </div>
            </div>
        </div> -->
    </div>

    <!-- 5.网页底部 -->
    <div class="module">
        <div class="footer">
            <div class="footer-c">
                <div class="footer-top">
                    <div class="footer-tit">
                        <div class="li-b">
                            <span style="font-weight: bolder;">关于OJO眼镜</span>
                            <li>免责声明</li>
                            <li>隐私保护</li>
                            <li>诚聘英才</li>
                            <li>联系我们</li>
                            <li>联系客服</li>
                        </div>
                    </div>

                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>新手入门</span>
                                <li>购物流程</li>
                                <li>会员介绍</li>
                                <li>常见问题</li>
                                <li>发票说明</li>
                                <li>优惠券</li>
                        </div>
                    </div>

                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>支付配送</span>
                                <li>支付流程</li>
                                <li>会员介绍</li>
                                <li>支付方式</li>
                                <li>货到付款</li>
                                <li>快递及运费</li>
                        </div>
                    </div>

                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>售后服务</span>
                                <li>30天包退</li>
                                <li>如何换货</li>
                                <li>如何挑货</li>
                                <li>使用说明</li>
                                <li>投诉建议</li>
                        </div>
                    </div>
                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>帮助中心</span>
                                <li>友情链接</li>
                                <li>常见问题</li>
                                <li>验光单对照</li>
                                <li>购物协议</li>
                                <li>注册协议</li>
                        </div>
                    </div>
                </div>

                <div class="footer-bottom">
                    <div class="bottom-nav">
                        <li>OJO首页</li>
                        <li>眼镜知识</li>
                        <li>框架眼镜</li>
                        <li>联系我们</li>
                        <li>投诉建议</li>
                        <li>网站地图</li>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/fangdajing.js"></script>
<script src="js/jquery.js"></script>
<!-- <script src="js/jquery2.js"></script> -->
<!-- 登陆成功后网页顶部样式改变 -->
<script>
    let userMsg = sessionStorage.getItem("userMsg") ? JSON.parse(sessionStorage.getItem("userMsg")) : {};
    if (userMsg.user && userMsg.pass) {
        console.log(1);
        $(".denglubtn").html(userMsg.user);
        $(".aershi").attr("href", "#");
    }
</script>
<script src="js/xqxuanran.js"></script>
<!-- <script src="js/jquery.min.js"></script> -->

</html>